﻿<?xml version="1.0" encoding="utf-8" ?>
<Skin Name="DarkSkin">
  <Font Name="Fonts/Default" />

  <Imageset Name="Textures/DarkSkin">
    <Image Name="CloseButton"       X="178" Y="184" Width="26" Height="12" />
    <Image Name="FocusBackdrop"     X="139" Y="80" Width="241" Height="51" />
    
    <Image Name="Window.Border"     X="145" Y="138" Width="228" Height="38" />
    <Image Name="Window.Client"     X="104" Y="194" Width="33" Height="33" />
    
    <Image Name="Button"            X="139" Y="246" Width="170" Height="24" />
    <Image Name="Button.Pressed"    X="139" Y="272" Width="170" Height="24" />
    
    <Image Name="HScrollBar.Left"   X="126" Y="334" Width="22" Height="15" />
    <Image Name="HScrollBar.Right"  X="126" Y="317" Width="22" Height="15" />
    <Image Name="HScrollBar.Center" X="70" Y="317" Width="54" Height="15" />
    <Image Name="HScrollBar.Knob"   X="91" Y="340" Width="25" Height="13" />

    <Image Name="VScrollBar.Top"    X="70" Y="231" Width="15" Height="22" />
    <Image Name="VScrollBar.Bottom" X="87" Y="231" Width="15" Height="22" />
    <Image Name="VScrollBar.Center" X="70" Y="255" Width="15" Height="54" />
    <Image Name="VScrollBar.Knob"   X="93" Y="263" Width="13" Height="25" />

    <Image Name="Panel.Border"      X="104" Y="194" Width="33" Height="33" />
    <Image Name="Panel.Border2"     X="69" Y="194" Width="33" Height="33" />

    <Image Name="CheckBox.Background"   X="171" Y="315" Width="13" Height="12" />
    <Image Name="CheckBox.Checkmark"    X="186" Y="315" Width="13" Height="12" />

    <Image Name="RadioButton.Background"  X="171" Y="330" Width="13" Height="12" />
    <Image Name="RadioButton.Checkmark"   X="186" Y="330" Width="13" Height="12" />

    <Image Name="TextBox"           X="265" Y="203" Width="105" Height="21" />
    <Image Name="Caret"             X="374" Y="203" Width="3" Height="21" />

    <Image Name="ToolStrip.Background"     X="139" Y="246" Width="169" Height="23" />
  </Imageset>

  <Layout Name="Widget">
    <ForeColor Color="{R:0 G:0 B:0 A:255}" />
    <BackColor Color="{R:255 G:255 B:255 A:255}" />

    <State Name="Normal" />
  </Layout>

  <Layout Name="UserWidget" Inherits="Widget" />

  <Layout Name="TestPropertyBag">
    <Properties>
      <Property Type="String" Name="Key" Value="PropertyValue" />
      <Property Type="Integer" Name="IntegerKey" Value="42" />
      <Property Type="Int" Name="IntKey" Value="23" />
      <Property Type="Float" Name="FloatKey" Value="2.0" />
      <Property Type="Single" Name="SingleKey" Value="4.0" />
    </Properties>
    
  </Layout>
  
  <Layout Name="Window" Inherits="Widget">
    <ForeColor Color="{R:255 G:255 B:255 A:255}" />
    <MinimumSize Width="100" Height="50" />
    <DefaultSize Width="500" Height="270" />
    
    <State Name="Normal">
      <Layer Name="Window.Border" Image="Window.Border">
        <Margins>
          <Resize Left="4" Top="4" Right="4" Bottom="4" />
          <Tile Left="5" Top="30" Right="5" Bottom="5" />
          <Content Left="6" Top="25" Right="6" Bottom="6" />
        </Margins>

        <Layer Name="Window.TitleBar" Alignment="Top" Height="20">
          <Margins>
            <Offset Left="2" Top="2" Right="2" Bottom="2" />
          </Margins>

          <Layer Name="Window.CloseButton" Image="CloseButton" Width="26" Height="12" Alignment="Right">
            <Margins>
              <Offset Left="0" Top="2" Right="-5" Bottom="0" />
            </Margins>
          </Layer>

          <TextLabel Name="Main" />
        </Layer>

        <Layer Name="Window.Client" Image="Window.Client">
          <Margins>
            <Offset Left="4" Top="20" Right="-4" Bottom="-4" />
            <Tile Left="3" Top="3" Right="3" Bottom="3" />
            <Content Left="6" Top="20" Right="6" Bottom="6" />
          </Margins>
        </Layer>
      </Layer>
    </State>
  
    <State Name="Focus">
      <ForeColor Color="{R:253 G:216 B:1 A:255}" />

      <Layer Name="WindowFocusBackdrop" Image="FocusBackdrop">
        <Margins>
          <Offset Left="-5" Top="-5" Right="5" Bottom="5" /> <!-- Wird auf das DisplayRectangle addiert -->
          <Resize Left="4" Top="4" Right="4" Bottom="4" />   <!-- Größe des Randes für Resizing -->
          <Tile Left="11" Top="11" Right="11" Bottom="11" /> <!-- Größe des äußeren Randes für Tiling -->
          <Content Left="6" Top="25" Right="6" Bottom="6" /> <!-- Wo fängt das Client Rectangle an -->
        </Margins>
        <Layer Name="Window.Border" Image="Window.Border">
          <Margins>
            <Resize Left="4" Top="4" Right="4" Bottom="4" />
            <Tile Left="5" Top="30" Right="5" Bottom="5" />
            <Content Left="6" Top="25" Right="6" Bottom="6" />
          </Margins>

          <Layer Name="Window.TitleBar" Alignment="Top" Height="20">
            <Margins>
              <Offset Left="2" Top="2" Right="2" Bottom="2" />
            </Margins>

            <Layer Name="Window.CloseButton" Image="CloseButton" Width="26" Height="12" Alignment="Right">
              <Margins>
                <Offset Left="0" Top="2" Right="-5" Bottom="0" />
              </Margins>
            </Layer>

            <TextLabel Name="Main" />
          </Layer>

          <Layer Name="Window.Client" Image="Window.Client">
            <Margins>
              <Offset Left="4" Top="20" Right="-4" Bottom="-4" />
              <Tile Left="3" Top="3" Right="3" Bottom="3" />
              <Content Left="6" Top="20" Right="6" Bottom="6" />
            </Margins>
          </Layer>
        </Layer>
      </Layer>
    </State>
  
    <State Name="Hover">
      
    </State>

    <State Name="Pushed">
        
    </State>

    <State Name="Disabled">
        
    </State>

  </Layout>

  <Layout Name="Checkbox" Inherits="Widget">
    <MinimumSize Width="13" Height="12" />
    <MaximumSize Width="13" Height="12" />
    <DefaultSize Width="13" Height="12" />

    <State Name="Normal">
      <Layer Name="Background" Image="CheckBox.Background" />
    </State>
    <State Name="Checked">
      <Layer Name="Background" Image="CheckBox.Background" />
      <Layer Name="Foreground" Image="CheckBox.Checkmark" />
    </State>
  </Layout>

  <Layout Name="RadioButton" Inherits="Widget">
    <MinimumSize Width="13" Height="12" />
    <MaximumSize Width="13" Height="12" />
    <DefaultSize Width="13" Height="12" />

    <State Name="Normal">
      <Layer Name="Background" Image="RadioButton.Background" />
    </State>
    <State Name="Checked">
      <Layer Name="Background" Image="RadioButton.Background" />
      <Layer Name="Foreground" Image="RadioButton.Checkmark" />
    </State>
  </Layout>

  <Layout Name="Button" Inherits="Widget">
    <ForeColor Color="{R:255 G:255 B:255 A:255}" />

    <State Name="Normal">
      <Layer Name="Border" Image="Button">
        <Margins>
          <Tile Left="3" Top="3" Right="3" Bottom="3" />
          <Content Left="3" Top="3" Right="3" Bottom="3" />
        </Margins>

        <TextLabel Name="Main" />
      </Layer>
    </State>

    <State Name="Pushed">
      <ForeColor Color="{R:253 G:216 B:1 A:255}" />
      <Layer Name="Border" Image="Button.Pressed">
        <Margins>
          <Tile Left="3" Top="3" Right="3" Bottom="3" />
          <Content Left="3" Top="3" Right="3" Bottom="3" />
        </Margins>

        <TextLabel Name="Main" />
      </Layer>
    </State>
    
    <State Name="Hover">
      <ForeColor Color="{R:253 G:216 B:1 A:255}" />
      <Layer Name="Border" Image="Button">
        <Margins>
          <Tile Left="3" Top="3" Right="3" Bottom="3" />
          <Content Left="3" Top="3" Right="3" Bottom="3" />
        </Margins>

        <TextLabel Name="Main" />
      </Layer>
    </State>
  </Layout>
  
  <Layout Name="TextBox" Inherits="Widget">
    <ForeColor Color="{R:255 G:255 B:255 A:255}" />

    <State Name="Normal">
      <Layer Name="Border" Image="TextBox"> 
        <Margins>
          <Tile Left="3" Top="3" Right="3" Bottom="3" />
          <Content Left="3" Top="3" Right="3" Bottom="3" />
        </Margins>

        <TextLabel Name="Main" />
      </Layer>
    </State>
    <State Name="Edit">
      <Layer Name="Border" Image="TextBox">
        <Margins>
          <Tile Left="3" Top="3" Right="3" Bottom="3" />
          <Content Left="3" Top="3" Right="3" Bottom="3" />
        </Margins>
        <TextLabel Name="Main" />
      </Layer>
      <Layer Name="Caret" Image="Caret">
      </Layer>
    </State>
    
  </Layout>
  
  <Layout Name="ContainerWidget" Inherits="Widget">
    <State Name="Normal">
      <Layer />
    </State>
  </Layout>

  <Layout Name="Label" Inherits="Widget">
    <State Name="Normal">
      <Layer Name="Main">
        <Margins>
          <Content Left="1" Top="1" Right="1" Bottom="1" />
        </Margins>

        <TextLabel Name="Main" />
      </Layer>
    </State>
  </Layout>

  <Layout Name="TableLayoutPanel" Inherits="ContainerWidget" />

  <Layout Name="ScrollBar" Inherits="Widget" />
  
  <Layout Name="HScrollBar" Inherits="ScrollBar">
    <State Name="Normal">
      <Layer Name="ScrollArea">
        <Margins>
          <Content Left="22" Top="1" Right="22" Bottom="1" />
        </Margins>
        
        <Layer Name="Left" Image="HScrollBar.Left" Alignment="Left" Width="22" Height="15" />
        <Layer Name="Center" Image="HScrollBar.Center">
          <Margins>
            <Offset Left="22" Right="-22" Top="0" Bottom="0" />
            <Tile Left="1" Top="1" Right="1" Bottom="1" />
          </Margins>
        </Layer>
        <Layer Name="Right" Image="HScrollBar.Right" Alignment="Right" Width="22" Height="15" />
      </Layer>
    </State>
  </Layout>

  <Layout Name="VScrollBar" Inherits="ScrollBar">
    <State Name="Normal">
      <Layer Name="ScrollArea">
        <Margins>
          <Content Left="1" Top="22" Right="1" Bottom="22" />
        </Margins>

        <Layer Name="Top" Image="VScrollBar.Top" Alignment="Top" Width="15" Height="22" />
        <Layer Name="Center" Image="VScrollBar.Center">
          <Margins>
            <Offset Left="0" Right="0" Top="22" Bottom="-22" />
            <Tile Left="1" Top="1" Right="1" Bottom="1" />
          </Margins>
        </Layer>
        <Layer Name="Bottom" Image="VScrollBar.Bottom" Alignment="Bottom" Width="15" Height="22" />
      </Layer>
    </State>
  </Layout>

  <Layout Name="Panel" Inherits="Widget">
    <State Name="Normal">
      <Layer Name="Border" Image="Panel.Border">
        <Margins>
          <Tile Left="3" Right="3" Top="3" Bottom="3" />
        </Margins>
      </Layer>
    </State>
  </Layout>

  <Layout Name="TextureBox" Inherits="Widget" />

  <Layout Name="ToolStrip" Inherits="Widget">
    <ForeColor Color="{R:255 G:255 B:255 A:255}" />

    <State Name="Normal">
      <Layer Name="Background" Image="ToolStrip.Background">
        <Margins>
          <Resize Left="4" Top="4" Right="4" Bottom="4" />
          <Tile Left="5" Top="5" Right="5" Bottom="5" />
          <Content Left="8" Top="3" Right="8" Bottom="3" />
        </Margins>
      </Layer>
    </State>
  </Layout>

  <Layout Name="MenuStrip" Inherits="ToolStrip">
    <Properties>
      <Property Type="Float" Name="ItemSpacing" Value="8.0" />
    </Properties>
  </Layout>

  <Layout Name="StatusStrip" Inherits="ToolStrip" >
    <Properties>
      <Property Type="Float" Name="ItemSpacing" Value="8.0" />
    </Properties>
  </Layout>

  <Layout Name="XnaViewportBox" Inherits="Widget">
    <State Name="Normal">
      <ForeColor Color="{R:0 G:0 B:0 A:255}" />
    </State>
  </Layout>

</Skin>
